﻿@{
    ViewBag.Title = "商品库存排名";
}
@section headSection{
    <!-- 引入 echarts.js -->
    <script src="/Scripts/echarts.js"></script>
    <script src="/Scripts/macarons.js"></script>
    <script type="text/javascript">
        //异步加载数据
        $.post('/Admin/SalesAnalysis/Inventory', function (jsonText) {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'), 'macarons');
            // 显示标题，图例和空的坐标轴
            myChart.setOption({
                title: {
                    text: '异步数据加载示例'
                },
                tooltip: {},
                legend: {
                    data: ['销量']
                },
                xAxis: {
                    data: []
                },
                yAxis: {},
                series: [{
                    name: '销量',
                    type: 'bar',
                    data: []
                }]
            });
            //简单的加载动画
            myChart.showLoading();

            var dataName = [];
            var dataVal = [];
            //一、判断格式
            //1.判断 参数 是否为 字符串
            if (typeof (jsonText) == "string") {
                //msgObj = JSON.parse(jsonText);
                try {
                    //1.1将字符串 尝试转成 js 对象
                    //处理 数组字面量表示法的 json字符串：[{},{}]
                    jsonText = eval(jsonText);

                } catch (e) {
                    try {
                        //处理 对象字面量表示法的 json字符串:{}
                        jsonText = eval("(" + jsonText + ")");

                    } catch (e1) {
                        alert("格式错误：必须为json格式字符串~！");
                    }
                }
            }

            for (var i = 0; i < jsonText.length; i++) {
                dataName[i] = jsonText[i].MAddress;
                dataVal[i] = jsonText[i].GroupSum;
            }
            myChart.hideLoading();
            // 填入数据
            myChart.setOption({
                xAxis: {
                    data: dataName
                },
                series: [{
                    // 根据名字对应到相应的系列
                    name: '销量',
                    data: dataVal
                }]
            });
        });

    </script>
}
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>